html, body {
  height: 100%;
  margin: 0;
}
body {
  background-color:sandybrown;
}
div {
  outline: 1px solid red;
}

.wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.layout-header {
  height: 60px;
  background-color: #7dbcea;
}
.layout-content {
  flex: 1;
  display: flex;
  background-color: #108ee9;
}
.layout-sider {
  width: 300px;
}
.layout-footer {
  height: 60px;
  background-color: #7dbcea;
}
/* #3ba0e9 */